<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	<h:form id="frmInformeDiarioBandeja">
		<div id="titulo_formulario">
			<span id="texto_titulo">:: Informes diarios</span>
			<div id="botonera">
				<p:commandButton rendered="#{main.usr.nivelAccesoProyecto==1?'true':'false'}" value="Agregar" styleClass="boton_botonera" icon="_ui-icon-add"
					action="#{informeDiario.agregarInforme}" ajax="false" />
				<p:commandButton rendered="#{main.usr.nivelAccesoProyecto==1?'true':'false'}" value="Editar" styleClass="boton_botonera" icon="_ui-icon-pencil"
					action="#{informeDiario.editarInforme}" ajax="false" />
				<p:commandButton rendered="#{main.usr.nivelAccesoProyecto==1?'true':'false'}" value="Eliminar" styleClass="boton_botonera" icon="_ui-icon-trash"
					actionListener="#{informeDiario.elmnarInfrmeDrio}" update="tblInfDiario">
					<p:confirm header="Confirmación" message="Desea eliminar la orden seleccionada?" icon="alert_popup" />
				</p:commandButton>
				<p:commandButton value="Reportes" styleClass="boton_botonera" icon="_ui-icon-document" action="#{informeDiario.reporteInforme}" ajax="false" />
			</div>
		</div>
		<table style="width: 98%; margin-left: 20px;">
			<tr>
				<td style="width: 425px; vertical-align: top;">
					<div style="margin: 10px 0px 0px 20px; width: 400px; position: relative; height: 100%;">
						<p style="margin-bottom: 4px;">
							<h:outputText value="Mis Informes" rendered="#{!main.usr.rprteUsrio}" />
							<h:outputText value="Informes diarios" rendered="#{main.usr.rprteUsrio}" />
						</p>
					</div> <h:panelGrid columns="3" rendered="#{main.usr.rprteUsrio}">
						<p:spacer width="10" height="4" />
						<p:spacer width="10" height="4" />
						<p:spacer width="10" height="4" />

						<h:outputText value="Personal en obra" />
						<p:selectOneMenu id="lstPersonal" value="#{informeDiario.personalSlcted}" style="width:180px;" converter="usuarioProyectoConverter">
							<f:selectItem itemLabel="-- todos --" noSelectionOption="true" />
							<f:selectItems value="#{informeDiario.personalLst}" var="p" itemValue="#{p}" itemLabel="#{p.aplldos} #{p.nmbre}"></f:selectItems>
						</p:selectOneMenu>
						<p:commandButton styleClass="boton_inner_form" icon="_ui-icon-search" value="Filtrar" action="#{informeDiario.aplicarFiltro}" update="tblInfDiario"/>
					</h:panelGrid> <p:dataTable value="#{informeDiario.infDm}" var="id" id="tblInfDiario" rowKey="#{id.id}" selection="#{informeDiario.infDiarioSlcted}" selectionMode="single" emptyMessage="Sin informes a mostrar">
						<p:ajax event="rowSelect" listener="#{informeDiario.consultarInforme}" update=":frmInformeDiarioBandeja:tvDetRegDiario" />
						<p:column headerText="Fecha Inf.">
						#{id.fchaInfrme}
						</p:column>
						<p:column headerText="Horario">
						#{id.hrrio}
						</p:column>
						<p:column headerText="Elaborado por">
						#{id.elbrdo}
						</p:column>
					</p:dataTable>
				</td>
				<td style="vertical-align: top;">
					<div style="margin: 10px 15px 0px 0px; min-width: 600px; float: left; width: 99%">
						<p:tabView id="tvDetRegDiario" style="width:100%" styleClass="tab_formulario_bandeja">
							<p:tab title="Personal en obra" id="tbPersonalObra">
								<p:scrollPanel styleClass="scroll_formulario_bandeja" style="border: none;" mode="native">
									<table width="100%">
										<tr>
											<td><h:outputText value=":: Contratista principal" /> <p:separator /></td>
										</tr>
										<tr>
											<td style="padding-left: 20px;">
												<table>
													<tr>
														<td style="font-weight: bold; vertical-align: top; padding: 0px 0px 5px 0px"><h:outputLabel value="Dirección" /></td>
														<td style="padding: 0px 0px 5px 10px"><h:outputText value="#{informeDiario.infDiarioSlcted.drccionObra}" /></td>
													</tr>
													<tr>
														<td style="font-weight: bold; vertical-align: top; padding: 0px 0px 5px 0px"><h:outputLabel value="Supervisión (Capataces)" /></td>
														<td style="padding: 0px 0px 5px 10px"><h:outputText value="#{informeDiario.infDiarioSlcted.sprvsion}" /></td>
													</tr>
													<tr>
														<td style="font-weight: bold; vertical-align: top; padding: 0px 0px 5px 0px"><h:outputLabel value="Encargados" /></td>
														<td style="padding: 0px 0px 5px 10px"><h:outputText value="#{informeDiario.infDiarioSlcted.encrgdos}" /></td>
													</tr>
													<tr>
														<td style="font-weight: bold; vertical-align: top; padding: 0px 0px 5px 0px"><h:outputLabel value="Maquinistas" /></td>
														<td style="padding: 0px 0px 5px 10px"><h:outputText value="#{informeDiario.infDiarioSlcted.mqnstas}" /></td>
													</tr>
													<tr>
														<td style="font-weight: bold; vertical-align: top; padding: 0px 0px 5px 0px"><h:outputLabel value="Oficiales" /></td>
														<td style="padding: 0px 0px 5px 10px"><h:outputText value="#{informeDiario.infDiarioSlcted.ofcles}" /></td>
													</tr>
													<tr>
														<td style="font-weight: bold; vertical-align: top; padding: 0px 0px 5px 0px"><h:outputLabel value="Peones" /></td>
														<td style="padding: 0px 0px 5px 10px"><h:outputText value="#{informeDiario.infDiarioSlcted.pnes}" /></td>
													</tr>
												</table>
											</td>
										</tr>
										<tr>
											<td><h:outputText value=":: Sub contratista" /> <p:separator /></td>
										</tr>
										<tr>
											<td style="padding-left: 20px;"><p:dataTable value="#{informeDiario.gpEmList}" var="emp" id="tblEmpresa" emptyMessage="Sin sub contratistas">
													<p:column headerText="Subcontratistas">
						#{emp.gpEmprsa.rzonScial}
						</p:column>
													<p:column headerText="Número">
						#{emp.nmro}
						</p:column>
												</p:dataTable></td>
										</tr>
									</table>
								</p:scrollPanel>
							</p:tab>
							<p:tab title="Equipos en obra">
								<p:scrollPanel styleClass="scroll_formulario_bandeja" style="border: none;" mode="native">
									<p:dataTable value="#{informeDiario.equipamientoLst}" var="eqp" id="tblEquipamiento" emptyMessage="Sin equipamiento registrado">
										<p:column headerText="Equipamiento">
						#{eqp.eqpmnto}
						</p:column>
										<p:column headerText="Cantidad">
						#{eqp.vlor}
						</p:column>
									</p:dataTable>
								</p:scrollPanel>
							</p:tab>
							<p:tab title="Actividades">
								<p:scrollPanel styleClass="scroll_formulario_bandeja" style="border: none;" mode="native">
									<p:dataTable id="tblActividad" var="act" value="#{informeDiario.actividadLst}">
										<p:subTable var="a" value="#{act.actvdadLst}">
											<f:facet name="header">
											#{act.nombreGrupo}
										</f:facet>
											<p:column>
										#{a.nmbreActvdad} 
										</p:column>
											<p:column styleClass="right">
										#{a.prcntaje} #{a.indcdor}
										</p:column>
										</p:subTable>
									</p:dataTable>
								</p:scrollPanel>
							</p:tab>
							<p:tab title="Avance físico">
								<p:scrollPanel styleClass="scroll_formulario_bandeja" style="border: none;" mode="native">
									<p:dataTable id="tblAvance" var="av" value="#{informeDiario.avanceFscoLst}">
										<p:subTable var="a" value="#{av.actvdadLst}">
											<f:facet name="header">
											#{av.nombreGrupo}
										</f:facet>
											<p:column>
										#{a.nmbreActvdad} 
										</p:column>
											<p:column styleClass="right">
										#{a.prcntaje} #{a.indcdor}
										</p:column>
										</p:subTable>
									</p:dataTable>
								</p:scrollPanel>
							</p:tab>
							<p:tab title="Comentarios">
								<p:scrollPanel styleClass="scroll_formulario_bandeja" style="border: none;" mode="native">
									<table>
										<tr>
											<td style="font-weight: bold; vertical-align: top; padding: 0px 0px 5px 0px">Actividades a futuro próximo</td>
											<td style="padding: 0px 10px 0px 10px"><p:dataTable var="af" value="#{informeDiario.actvdadFtroLst}" emptyMessage="Sin actividades a futuro">
													<p:column>
                                                            #{af.dscrpcion}
                                                            </p:column>
												</p:dataTable></td>
										</tr>
										<tr>
											<td style="font-weight: bold; vertical-align: top; padding: 0px 0px 5px 0px">Factores de riesgos - Posibles complicaciones</td>
											<td style="padding: 0px 10px 0px 10px">#{empty informeDiario.infDiarioSlcted.fctorRsgo ? " - " : informeDiario.infDiarioSlcted.fctorRsgo}</td>
										</tr>
										<tr>
											<td style="font-weight: bold; vertical-align: top; padding: 0px 0px 5px 0px">Mejoras / Variaciones al proyecto</td>
											<td style="padding: 0px 10px 0px 10px">#{empty informeDiario.infDiarioSlcted.mjras ? " - " : informeDiario.infDiarioSlcted.mjras}</td>
										</tr>
										<tr>
											<td style="font-weight: bold; vertical-align: top; padding: 0px 0px 5px 0px">Subcontratos en obra</td>
											<td style="padding: 0px 10px 0px 10px">#{empty informeDiario.infDiarioSlcted.sbcntrtos ? " - " : informeDiario.infDiarioSlcted.sbcntrtos}</td>
										</tr>
										<tr>
											<td style="font-weight: bold; vertical-align: top; padding: 0px 0px 5px 0px">Comentarios del cliente</td>
											<td style="padding: 0px 10px 0px 10px">#{empty informeDiario.infDiarioSlcted.cmntariosClnte ? " - ": informeDiario.infDiarioSlcted.sbcntrtos}</td>
										</tr>
										<tr>
											<td style="font-weight: bold; vertical-align: top; padding: 0px 0px 5px 0px">Compras / Suministros en obra</td>
											<td style="padding: 0px 10px 0px 10px">#{empty informeDiario.infDiarioSlcted.cmpras ? " - ":informeDiario.infDiarioSlcted.sbcntrtos}</td>
										</tr>
										<tr>
											<td style="font-weight: bold; vertical-align: top; padding: 0px 0px 5px 0px">Seguridad en obra / Uso de EPP</td>
											<td style="padding: 0px 10px 0px 10px">#{empty informeDiario.infDiarioSlcted.sgrdad ? " - ":informeDiario.infDiarioSlcted.sbcntrtos}</td>
										</tr>
										<tr>
											<td style="font-weight: bold; vertical-align: top; padding: 0px 0px 5px 0px">Accidentes de Obra</td>
											<td style="padding: 0px 10px 0px 10px">#{ empty informeDiario.infDiarioSlcted.accdntes?" - ":informeDiario.infDiarioSlcted.sbcntrtos}</td>
										</tr>
										<tr>
											<td style="font-weight: bold; vertical-align: top; padding: 0px 0px 5px 0px">Sobrecostos</td>
											<td style="padding: 0px 10px 0px 10px">#{empty informeDiario.infDiarioSlcted.sbrcstos ? " - ": informeDiario.infDiarioSlcted.sbcntrtos}</td>
										</tr>
									</table>
								</p:scrollPanel>
							</p:tab>
							<p:tab title="Operarios">
								<p:scrollPanel styleClass="scroll_formulario_bandeja" style="border: none;" mode="native">
									<table>
										<ui:repeat var="pa" value="#{informeDiario.prsnalPryctoLst}">
											<tr>
												<td style="vertical-align: top; padding: 2px 10px 2px 10px;">Operario #{pa.oprarioNmro}</td>
												<td style="vertical-align: top; padding: 0px 10px 2px 10px; width: 300px;"><p:dataTable var="ac" value="#{pa.gpActvdadPrsnals}"
														emptyMessage="Sin actividades realizadas">
														<p:column>
														#{ac.dscrpcion}
													</p:column>
													</p:dataTable></td>
											</tr>
										</ui:repeat>
									</table>
								</p:scrollPanel>
							</p:tab>
							<p:tab title="Compras">
								<p:scrollPanel styleClass="scroll_formulario_bandeja" style="border: none;" mode="native">
									<p:dataTable value="#{informeDiario.cmpraInfrmeLst}" var="cmp" emptyMessage="Sin compras registradas para este informe">
										<p:column headerText="Factura">
										#{cmp.nmroFctra}
										</p:column>
										<p:column headerText="Artículo">
										#{cmp.nmbreItem}
										</p:column>
										<p:column headerText="Cantidad">
										#{cmp.cntidad} #{cmp.indcdorUndadMdda}
										</p:column>
										<p:column headerText="Valor total">
										#{cmp.mnda} #{cmp.vlorTtal}
										</p:column>
									</p:dataTable>
								</p:scrollPanel>
							</p:tab>
							<p:tab title="Fotos">
								<p:carousel id="crFtoInfrme" styleClass="carousel_foto" value="#{informeDiario.ftoInfrmeLst}" var="fto" numVisible="1" itemStyleClass="carousel_foto_style">
									<h:panelGrid columns="1" style="width:100%" cellpadding="5">
										<p:graphicImage value="/pages/images_informe/#{fto.nmbre}" styleClass="foto_carousel" />
										<h:outputText value="#{fto.obsrvcion}" />
									</h:panelGrid>
								</p:carousel>
							</p:tab>
						</p:tabView>
					</div>
				</td>
			</tr>
		</table>
	</h:form>
	<ui:include src="/pages/modules/informe_diario/delete_infrme_qustion.xhtml" />
</ui:composition>